<script lang='ts' setup name='UserForm'>  
 import { ref } from 'vue' 
 import  type { User } from "@/types/index";


//  defineProps(["user"])

 
defineProps<{
    user:User
}>()



</script>  
  
<template>  

 <div class="container">
        <h3>用户信息</h3>
        <div>
          用户名:{{ user.username }}
        </div>

        <div>
          password:{{ user.password }}
        </div>
        <div>
          nickname:{{ user.nickname }}
        </div>
        <div>
          avatrual:{{ user.avatrual }}
        </div>
        <div>
          avatrual:{{ user.abcdefafafa }}
        </div>
       
    </div>


</template>  
  
<style scoped>  
    .container{
        border: solid 1px red;
        border-radius: 10px;
        background-color: skyblue;
        margin: 20px;
        padding: 10px;
    }
</style>  